<template>
    <div class="cust-main">
        <section class="order-main-header">
            <mt-header title="联系客服">
            <mt-button  icon="back" slot="left" @click="handleClose()"></mt-button>
            </mt-header>
        </section>
        <section class="content">
             <div class="flex-between">
                 <div class="weix"><p>如有疑问，请联系客服微信</p><p class="copy" @click="copy('biplus')"><b>biplus</b><b class="ke" >|</b>复制</p></div>
                <div  class="weix-img"> <img src="../../assets/cust2.png"></div>
             </div>
        </section>
    </div>
</template>
<script>
import axios from 'axios'
  import { Toast } from 'mint-ui';//导入toast组件
export default {
    name:'',
   data(){
         return {
            copy(data) {  
           if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
              var input = document.createElement("input");
              input.setAttribute('readonly', 'readonly');
             var message=data;
            input.value = message;
            document.body.appendChild(input);
            input.select();
            input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
            input.style.display='none';
              input.className = 'oInput';
            document.body.removeChild(input);
             input.focus(); 
                 Toast("复制成功");
            }else{
        var Url2=data;
          var oInput = document.createElement('input');
          oInput.setAttribute('readonly', 'readonly');
        oInput.value = Url2;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = 'oInput';
        oInput.style.display='none';
        Toast("复制成功");
        }
        },
         }
    },
    mounted() {
    
    },
    methods: {
        　　
           
              handleClose(){
                this.$router.go(-1);
            },
        
    },
}
</script>
<style lang="less" scoped>
.mint-header {
    height: 100px;
    font-size: 32px;
    background:rgba(22,23,54,1);
    color: #E0E0F9;
}
.flex-between{
    display: flex;
justify-content: space-between;
align-self: center;
}
.flex-start{
         display: flex;
justify-content:flex-start;
}
.content{
    .weix-img img{
        width: 268px;
        margin-top: 10px;
        height: 268px;
    }
    .flex-between{
        padding: 60px 30px 30px 30px;
    }
    height: 100%;
    width: 100%;
    background-image: url("https://biplush.oss-ap-southeast-1.aliyuncs.com/upload/html/cust3.png");
    background-size: cover;
    .weix{
        height: 100px;
        line-height: 60px;
        font-size:28px;
        font-weight:500;
    color:rgba(224,224,249,1);
    width: 50%;
    padding-left: 30px;
    display: flex;
    align-self: center;
    flex-direction: column;
    }
    .copy{
        margin-top: 44px;
        width:278px;
        font-size:22px;
        text-align: center;
    height:64px;
    background:linear-gradient(270deg,rgba(112,128,247,1) 0%,rgba(66,83,202,1) 100%);
    border-radius:32px;
    b{
        margin-right: 30px;
    }
    .ke{
        color: #222240;
    }
    }
}
.cust-main{
    height: 110%;
}
</style>